<template>
<div>
    <input type="text" @keyup.enter="handleEnter">
    <!-- <row v-for="todo in todoList" :key="todo.id" :todoOne='todo'></row> -->

</div>
</template>

<script>
// import btn from './btn.vue';
// import row from './row.vue';

export default {
    components: {
        // btn,
        // row
    },
    data: {
        todoList: [],
        id: 0,

    },
    methods: {
        handleEnter(event) {
            this.todoList.push({id: ++this.id, text: event.target.value, isFinish: false})
            event.target.value = "";
        }
    }

}
</script>

<style>

</style>
